<template>
<div>
  <div>
    <div class="padding_common">
      <!-- 轮播图 -->
      <slide-img v-bind:divStyle="0"></slide-img>
    </div>
    <div class="merInfo">
      <div class="card_name">
        {{businessParam.name}}
      </div>
      <div class="coupon_info_item">
        <p class="star_con">
          <star :couponComScore="businessParam.mchtComScore"></star>
        </p>
        <p class="info_pad">{{businessParam.mchtComNum||0}}条</p>
      </div>
      <div class="coupon_info_item">
        <span class="right">{{businessParam.mchtAddr}} {{businessParam.distance||'0' | setDistance}}</span>
        <span class="red_color">￥{{businessParam.mchtPer||0}}/人</span><span class="pad_l">{{businessParam.mchtTypeValue}}</span>
      </div>
    </div>
    <div class="order_number">
      <span class="left">输入订单号：</span>
      <i class="iconfont icon-saoyisao right"></i>
      <input type="number" placeholder="请输入订单号" />
    </div>
    <button @click="nextBtn()" class="next_btn">下一步</button>
  </div>
</div>
</template>
<script>
import slideImg from '../../componentes/global/slideImg.vue'
import star from '../../componentes/global/star.vue'
import * as types from '../../vuex/types.js'
import {Storage} from 'src/utils/storage.js'

import {
  mapState
} from 'vuex'
export default {
  components: {
    slideImg,
    star

  },
  data() {
    return {
      busInfoDetail: ''
    }
  },
  computed: {
    businessParam: function() {
      return Storage.get("business_info");
    },
  },
  beforeRouteLeave(to, from, next) {
    document.body.style.background = '#f5f5f5';
    next()
  },
  created: function() {
    document.body.style.background = '#fff';
    this.busInfoDetail = this.$route.params.busInfoDetail;
  },
  methods: {
    nextBtn: function(param) {
      this.$router.push({
        'path': '/consumptionNo'
      })
    }
  }
}
</script>
<style>

</style>
